@import "../../common/base.less";
@import "../../common/normalize.less";
.clearfix {
    ;
    zoom: 1
}

.clearfix:after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both
}

.search {
    width: 100%;
    height: 100%;
    .px2rem(padding-bottom, 150);
    .searchMain {
        .px2rem(width,
        1200);
        margin: 0 auto;
        .searchCenter {
            .px2rem(width,
            1200);
            height: auto;
            .searchNoGame {
                .px2rem(width, 690);
                .px2rem(height, 661);
                background: rgba(0, 0, 0, 0.2);
                float: left;
                position: relative;
                .noGame {
                    .px2rem(width, 360);
                    .px2rem(height, 240);
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    .noGameImg {
                        .px2rem(width, 244);
                        .px2rem(height, 173);
                        background: url("../../../static/img/noGame.png");
                        background-size: cover;
                        margin: 0 auto;
                    }
                    p {
                        width: 120%;
                        color: #fff;
                        .px2rem(margin-top,
                        30);
                        .px2rem(font-size,
                        26);
                        .px2rem(margin-left,
                        -20%);
                        text-align: center;
                    }
                }
                .noGameText {}
            }
            .searchFloat {
                float: left;
                .px2rem(width,
                690);
                .px2rem(margin-bottom,
                100);
                .searchCenLeft {
                    float: left;
                    .px2rem(width,
                    690);
                    .px2rem(height,
                    650);
                    .px2rem(margin-top,
                    100);

                    .searchCengame {
                        width: 100%;
                        .px2rem(height,
                        130);
                        background: rgba(0, 0, 0, 0.2);

                        position: relative;
                        .gameImg,
                        .gameInfo,
                        .gameStart {
                            float: left;
                            .px2rem(margin-top,
                            16)
                        }
                        .gameImg {
                            .px2rem(width,
                            100);
                            .px2rem(height,
                            100);

                            .px2rem(margin-left,
                            16)
                        }
                        .gameInfo {
                            .px2rem(width,
                            330);
                            .px2rem(height,
                            100);
                            .px2rem(margin-left,
                            10);
                            overflow: hidden;
                            .name {
                                .px2rem(width,
                                200);
                                .px2rem(font-size,
                                20);
                                .px2rem(margin-left,
                                10);
                                .px2rem(margin-top,
                                10);
                                color: #ffffff;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }
                            .info {
                                .px2rem(font-size,
                                14);
                                .px2rem(margin-left,
                                10);
                                .px2rem(line-height,
                                20);
                                color: #fff;
                                display: box;
                                box-orient: vertical;
                                line-clamp: 3;
                                overflow: hidden;
                            }
                        }
                        .gameStart {
                            .px2rem(width,
                            165);
                            .px2rem(height,
                            55);
                            background: #4e92ff;
                            color: #fff;
                            .px2rem(font-size,
                            18);
                            .px2rem(line-height,
                            55);
                            text-align: center;
                            .px2rem(border-radius,
                            28);
                            position: absolute;
                            .px2rem(bottom,
                            17);
                            .px2rem(right,
                            17);
                            .px2rem(margin-top,
                            25);
                        }
                    }

                    .gameScImg {
                        width: 100%;
                        .px2rem(height,
                        480);
                        .px2rem(margin-top,
                        34);
                        .px2rem(margin-bottom,
                        15);
                        .gameScImgPhoto {
                            width: 100%;
                            .px2rem(height,
                            435);
                            .px2rem(margin-top,
                            5);
                        }
                    }
                }
                .noPadding {
                    margin-top: 0;
                }
            }
            .searchCenRight {
                float: right;
                .px2rem(margin-left,
                30);
                .px2rem(margin-top,
                18);
                .px2rem(width,
                480);
                height: 100%;
                .gameItem {
                    .px2rem(width,
                    480);
                    .px2rem(height,
                    120);
                    .px2rem(margin-top,
                    30);

                    background: rgba(0, 0, 0, 0.2);
                    .itemImg {
                        float: left;
                        .px2rem(width,
                        162);
                       .px2rem(height,
                        120);
                       
                    }


                    .itemInfo {
                        float: right;
                        .px2rem(width,
                        300);
                        height: 100%;
                        position: relative;
                        p {
                            width: 1.5rem;
                            .px2rem(margin-top,
                            50);
                            .px2rem(margin-bottom,
                            10);
                            .px2rem(font-size,
                            20);
                            overflow: hidden;
                            color: #fff;
                            float: left;
                            height: 0.3rem;
                        }
                        .startGame {
                            display: block;
                            .px2rem(width,
                            90);
                            .px2rem(height,
                            28);
                            .px2rem(line-height,
                            28);
                            margin: 0 auto;
                            .px2rem(border-radius,
                            12);
                            .px2rem(margin-top,
                            50);
                            .px2rem(margin-right,
                            20);
                            background: #4e92ff;
                            text-align: center;
                            .px2rem(font-size,
                            12);
                            color: #fff;
                            float: right;
                           
                        }
                    }
                }
            }
        }
    }
}